<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
<span name="six"></span>
    <script>
         $(function () {
             /**
              * 什么是属性？
              *     对象身上保存的变量就是属性
              * 如何操作属性
              *     对象.属性名称 = 值
              *     属性.属性名称
              * 什么是属性节点
              *     <span name="six"></span>
              *     在编写HTML代码时，在HTML标签中添加的属性就是属性节点、
              *     在浏览器中找到span这个DOM元素的之后，展开看到的就是属性
              *     在attributes属性中保存的所有内容都是属性节点
              *
              * 如何操作属节点
              *     DOM.setAttribute("属性名称","值");
              * 属性和属性节点的区别
              *     任何对象都有属性，但是只有DOM元素才会有属性节点
              */
            /*
             function Person (){

             }
             var p = new Person();
             // p.name = "小白";
             p['name'] = "小白";
             // console.log(p.name);
             console.log(p['name']);*/

             var $span = document.getElementsByTagName("span")[0];
             $span.setAttribute("name","ls");
             var name = $span.getAttribute("name");
             console.log(name);
         });
    </script>
</body>
</html>